<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-    scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <link rel="stylesheet" href="css/employees.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
    <div class="content">
        <!--搜索框-->
        <div class="top right">
            <div class="left">
                <input type="text" class="iptSearch" placeholder="姓名/职务">
            </div>
            <div class="btnSearch"><span class="iconfont icon-sousuo"></span></div>
        </div>
        <div class="clear"></div>
        <!--添加-->
        <div class="mid">
            <div class="left">
                <button class="btnDelAll"><span class="iconfont icon-shanchu"></span>批量删除</button>
                <button class="btnAdd"><span class="iconfont icon-add"></span>添加</button>
            </div>
            <div class="right dataNum">
                共有数据:<span class="length"></span> 条
            </div>
        </div>
        <!--table-->
        <div >
            <table border="0" cellpadding="0" cellspacing="0">
                <thead>
                    <tr>
                        <th class=""><input type="checkbox" class="btnCheckAll"/></th>
                        <th>员工编号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>职务</th>
                        <th>部门</th>
                        <th>联系电话</th>
                        <th>出生日期</th>
                        <th>学历</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <!--分页-->
        <div class="divPage de_pageBt">

        </div>
    </div>

    <!--模态框-->
    <div class="modal" id="delBg">
        <!--删除-->
        <div class="delModal">
            <div class="delTop">
                提示信息
            </div>
            <div class="delBottom">
                <div class="left">确认要删除吗？</div>
                <div class="right">
                    <button class="btnSure" type="button">确定</button>
                    <button class="btnCancel" type="button">取消</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="addBg">
        <!--新增-->
        <form class="addModal">
            <div class="addTop">
                新增成员
            </div>
            <div class="addMid">
                <div>
                    <div class="left">员工编号</div>
                    <div><input type="text" id="eId" ><span></span></div>
                </div>
                <div>
                    <div class="left">姓名</div>
                    <div><input type="text" id="eName"><span></span></div>
                </div>
                <div>
                    <div class="left">性别</div>
                    <div class="radio">
                        <input type="radio" name="sex" value="男" checked="checked"/>男
                        <input type="radio" name="sex" value="女" />女
                    </div>
                </div>
                <div>
                    <div class="left">职务</div>
                    <div><input type="text" id="ePosition"><span></span></div>
                </div>
                <div>
                    <div class="left">部门编号</div>
                    <div><input type="text" id="buMen"><span></span></div>
                </div>
                <div>
                    <div class="left">联系电话</div>
                    <div><input type="text" id="eTel"><span></span></div>
                </div>
                <div>
                    <div class="left">出生日期</div>
                    <div><input type="date" id="calendar" value="1999-01-01" ></div>
                </div>
                <div>
                    <div class="left">学历</div>
                    <div>
                        <select name="" id="level">
                            <option value="本科">本科</option>
                            <option value="专科">专科</option>
                            <option value="高中">高中</option>
                            <option value="研究生">研究生</option>
                        </select>
                    </div>
                </div>
                <div class="addBottom">
                    <button class="btnSave" type="button"  >保存</button>
                    <button class="btnCancel" type="button">取消</button>
                </div>
            </div>
        </form>
    </div>
    <script src="js/jquery-3.5.1.js"></script>
    <script src="js/data.js"></script>
    <script src="js/employees.js"></script>
</body>
</html>